<!--
 * @Description: 
 * @Version: 1.0
 * @Autor: gaoluo
 * @Date: 2021-09-01 14:37:12
 * @LastEditors: gaoluo
 * @LastEditTime: 2021-09-03 15:37:34
 * @FilePath: /nhw/src/components/Card/index.vue
-->
<template>
  <div class="card-container" @click="onClick">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "Card",

  components: {},

  directives: {},

  data() {
    return {};
  },

  mounted() {},

  methods: {
    onClick(e) {
      this.$emit("click");
    },
  },
};
</script>

<style lang="less" scoped>
.card-container {
  width: 100%;
  background: #fff;
  padding-bottom: 10px;
  // & + .card-container {
  //   margin-top: 20px;
  // }
  margin-top: 18px;
}
</style>